import {Button, Form, Input, DatePicker, Select, Segmented, Radio} from "antd";
type LayoutType = Parameters<typeof Form>[0]['layout'];
import React, {useState} from "react";
const { RangePicker } = DatePicker;
const App = () => {
    const [formLayout, setFormLayout] = useState<LayoutType>('inline');
    const [form] = Form.useForm();
    const onFormLayoutChange = () => {

    }
    return (
        <Form
            layout={formLayout}
            form={form}
            initialValues={{ layout: formLayout }}
            onValuesChange={onFormLayoutChange}
            style={{ maxWidth: formLayout === 'inline' ? 'none' : 600 }}
        >
            <Form.Item style={{marginBottom: '6px'}} label="关键字">
                <Input />
            </Form.Item>
            <Form.Item style={{marginBottom: '6px'}}>
                <Button>查询</Button>
            </Form.Item>
        </Form>
    )
}

export default App;
